I have created a phone mobile version of a site. I was hoping it would enlarge with the spreading fingers gesture, but it does not.
I made the text in a phone version in a larger font size than the desktop version. But some may need to enlarge it further. I was hoping that would be possible, as it is when you view a desktop version on the phone. Is this not a capability in Muse?
As I went through Muse 'sites of the day,' most sites were not expandable on the phone. However, themarketaustin.com and movingcolour.tv are expandable. What is the trick to this? I have a disappointed client who was expecting this capability.
Try adding this at this line in the head of all your html pages:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=10.0,user-scalable=1">
user-scalable is the one that is important for you.
More info: Viewport Meta Tag For Non-Responsive Design
width=device-width
this means we are telling to the browser “my website adapts to your device width”
Initial-scale
This define scale the website, This parameter sets the initial zoom level, which means if 1 CSS pixel is equal to 1 view port pixel. This parameter help to when you changing orientation mode, or preventing a default zooming. without this parameter responsive site work.
Maximum-scale
Maximum-scale define maximum zoom. When you access website top priority is maximum-scale=1 won’t allow the user to zoom.
Minimum-scale
Minimum-scale define minimum zoom. this work same as above but define minimum scale. If you not define this its work without using this is useful when maximum scale is large and you want to set minimum scale that time you can use.
User-scalable
User-scalable assign 1.0 means website allow to zoom in or zoom out.
But if you assign User-scalable=no its means website not allow to zoom in or zoom out.
Similar Messages
-
I have updated my phone to 4.3.3 and I was told there would be more bells and whistles. I haven't found more texting sounds. Have I updated my phone wrong or just not completed it all the way? Please help me. Still trying to figure this iphone 3G out.
You have the iPhone 3GS, not the 3G. The last update to support the iPhone 3G is 4.2.1.
iOS 4.3.3 includes bug fixes etc. There is nothing really special about this update that wasn't introduced in iOS 4.3. iOS 5 is the one to wait for - it will be released in the Autumn/Fall and includes over '200' new features/improvements.
The additional text tines and ringtones were an iPhone 4-only feature. -
Im trying to reorder divs when in the mobile version of my site, is it possible to do it with media queries? Here is the layout in desktop view, red being what would be images. And when i rescale, the content stacks together to place two of the same boxes together, like so;
Is it possible to apply a rule so when scaled the boxes reorder to show red, black, red, black, red, black?<div class="productcontainer3">
<div class="product3"></div>
</div>
<div class="productcontainer4">
<div class="product4"><h6>Manta Soledo</h6><p1>In here will be the Manta blurb! Not too much technical info, save that for product page. Make it sleek and elegant. </p1></div>
</div>
<div class="productcontainer1">
<div class="product1"><h6>Manta Soledo</h6><p1> In here will be the Manta blurb! Not too much technical info, save that for product page. Make it sleek and elegant.</p1> </div>
</div>
<div class="productcontainer2">
<div class="product2"></div>
</div>
<div class="productcontainer5">
<div class="product5"></div>
</div>
<div class="productcontainer6">
<div class="product6"><h6>Manta Soledo</h6><p1>In here will be the Manta blurb! Not too much technical info, save that for product page. Make it sleek and elegant. </p1></div>
.productcontainer1 {
float: left;
clear: both;
max-width: 604px;
width: 49%;
margin-right: 1%;
margin-bottom: 4%;
margin-top: 1%;
@media all and (max-width: 600px) {
.productcontainer1 {
width: 100%;
.productcontainer2 {
float: left;
max-width: 604px;
width: 49%;
margin-bottom: 4%;
margin-top: 1%;
@media all and (max-width: 600px) {
.productcontainer2 {
width: 100%;
.productcontainer3 {
float: left;
clear: both;
max-width: 604px;
width: 49%;
margin-right: 1%;
margin-bottom: 4%;
@media all and (max-width: 600px) {
.productcontainer3 {
width: 100%;
.productcontainer4 {
float: left;
max-width: 604px;
width: 49%;
margin-bottom: 4%;
@media all and (max-width: 600px) {
.productcontainer4 {
width: 100%;
.productcontainer5 {
float: left;
clear: both;
max-width: 604px;
width: 49%;
margin-right: 1%;
@media all and (max-width: 600px) {
.productcontainer5 {
width: 100%;
.productcontainer6 {
float: left;
max-width: 604px;
width: 49%;
@media all and (max-width: 600px) {
.productcontainer6 {
width: 100%;
.product1 {
Width: 100%;
padding-bottom: 50%;
float: left;
background-position: center;
background-size: cover;
background-repeat: none;
.product2:hover {
background-image:url(../Graphics/iMod-rollover.jpg);
.product2 {
Width: 100%;
background-image:url(../Graphics/iModindex.jpg);
padding-bottom: 50%;
float: left;
background-position: center;
background-size: cover;
background-repeat: none;
-webkit-transition: background-image .8s ease-in-out;
-moz-transition: background-image .8s ease-in-out;
-ms-transition: background-image .8s ease-in-out;
-o-transition: background-image .8s ease-in-out;
transition: background-image .8s ease-in-out;
.product3 {
Width: 100%;
padding-bottom: 50%;
float: left;
background-position: center;
background-size: cover;
background-repeat: none;
background-image:url(../Graphics/Ilanoindex.jpg);
-webkit-transition: background-image .8s ease-in-out;
-moz-transition: background-image .8s ease-in-out;
-ms-transition: background-image .8s ease-in-out;
-o-transition: background-image .8s ease-in-out;
transition: background-image .8s ease-in-out;
.product4 {
Width: 100%;
padding-bottom: 50%;
float: left;
background-position: center;
background-size: cover;
background-repeat: none;
.product3:hover {
background-image:url(../Graphics/Ilano-rollover.jpg);
.product5 {
Width: 100%;
background-image:url(../Graphics/Soledoindex.jpg);
padding-bottom: 50%;
float: left;
background-position: center;
background-size: cover;
background-repeat: none;
-webkit-transition: background-image .8s ease-in-out;
-moz-transition: background-image .8s ease-in-out;
-ms-transition: background-image .8s ease-in-out;
-o-transition: background-image .8s ease-in-out;
transition: background-image .8s ease-in-out;
.product5:hover {
background-image: url(../Graphics/Soledorollover.jpg);
.product6 {
Width: 100%;
padding-bottom: 50%;
float: left;
background-position: center;
background-size: cover;
background-repeat: none; -
I dropped the phone, but not light ! I tried to start it with the restoration and upgrading but I do not , what can I do ?
If you dropped the device and cannot get it to start up, then you have probably damaged it to the point it needs to be looked at by Apple or your Authorized Apple Service Provider, whomever handles service in your location. User damage is not covered under warranty, so be prepared to pay.
-
I have configured PDF Genrataor in LiveCycle 2.5. I have configured my watchedfolder endpoints.
When I place a folder (which has doc file in it) in the IN folder..I expect the OUT to contain same folder (with pdf file in it), But it does not happen. What I see in in the OUT folder I see a pdf file with the foldername and pdf extension....
Can anyone suggest.......Why do we have to install 2 add ins for something that should be built in? Please add this to the next version or an update to this one even. We should see the full path of a bookmark when we search for it. Show Parent Folder alone isn't enough if you have sub folders, so I installed Go Parent Folder as well in case of sub folders.
-
I changed my Apple ID but on my iPhone 4S w/ iOS 7.0.4, when I go into settings > iCloud it still shows the old Apple ID. How do I change this? I was going to delete the iCloud account from my phone then add it back with the new Apple ID, but I'm not sure...help!
http://support.apple.com/kb/TS5223?viewlocale=en_US
Peace, Clyde -
I cannot open itunes. Everytime i try it says "The itunes application could not be opened.The folder cannot be found." I have tried the shift key option but this does not work. Please help.!!
Try the actions here for that driver.
iOS: Device not recognized in iTunes for Windows
I would first do this:
Removing and reinstalling iTunes, QuickTime, and other software components for Windows Vista or Windows 7 -
Since upgrading my Mac book pro with Yosemite, I have problems with my Xerox Work Centre 3045 printer. The printer works normally but it does not recognise scanner, I can not scan anything. Can you help?
Open Disk Utility and select your hard drive, then Repair Permissions, it will probably return a very large number of errors, primarily printer and library errors, so run it a second time. Then restart the MacBook Pro. If it still will not scan, try using Image Capture from Finder > Applications and see if that will work. If not, contact Xerox about updated drivers.
-
Where do i find the serial No on a IMac 4.1 please? I have looked on the "about this Mac" but it does not have the serial No on it!
Until last July, the model identifier on every Intel Mac would tell you exact minimum and maximum expansion in terms of RAM, retail operating system, and any system specific required firmware updates, video and audio expansion capabilities, and patches for Wifi available. The serial number is only of consequence if you wish to date a Mac down to the week. This can help in determining system specific disks, available warranty, and exchange/repair program eligibility. Outside of that the year and month can usually be narrowed down to a six month period with model identifier alone on all except MacPros. So my question is, is it really that relevant for your needs?
-
I have an i phone 4 and sometimes when using imessage a small grey bubble appears in the left hand corner does it mean the person is replying to me or to anyone..
It means that person is typing a response to YOU.
-
" help me please" I have Windows 7 32 bit installed on my mac pro and Bought Mini DisplayPort to VGA Adapter to connect to lcd tv But it does not work? why? please help me
I have to boot with a Windows
When I use the Mac operating system not have a problem and DisplayPort to VGA Adapter Working properly
why does not work with windows ?
What should I do؟
I'm grateful to give advice
tanks
[email protected]Someone in another section answered this. Thanks.
-
My IPhone 3GS will not now join wifi, this is a very recent problem. It finds my network but does not download the IP Address hence when I load password Join remains grey. I have tried all the fixes suggested I.e. network reset, airplane on then off but still nothing. I also have another iPhone of the same type and an iPad and they are just fine so I know it is not a router problem. Please please what do I do?
Try assigning Queen as the Album Artist on the compilations in iTunes on your computer.
-
I have tried multiple times to update the firefox7.0. It appears to download fine but I never get a prompt to move it to the applications folder. Now Firefox will not open at all (it was functioning sporatically over the past several months). How to fix?
AFAIK cameras offer their own built-in format utility for inserted SD cards. You should use that. Otherwise, refer to the manual that came with your camera to determine precisely how your SD cards need to be formatted to work properly. Personally, I'd suggest Partition Scheme: MBR, and Filesystem: FAT32.
Try to limit the number of formats you perform on the SD cards, though, as you're reducing their lifespan. I believe formatting causes re-writes to a portion of the SD card that has fewer read/write cycles than the rest of the card as a whole. -
I'd like to download the latest version for these features but I can't seem to. What's happening?
See TS1538: iOS: Device not recognized in iTunes for Windows.
tt2 -
My children deleted my app store on my iphone 4 and now I cant get it back on my phone. any suggestions?
As the App Store is pre-installed on the device, it can't really be removed. I'm thinking the icon is either stashed on another folder, or it's been turned off. If it's in a folder the only way to really find it is to look through all folders on your device for the icon. To check if it's turned off, go to Settings > General > Restrictions (it will ask for a passcode, if your children went into restrictions they created this passcode if it didn't already exist) and make sure "Installing Apps" didn't get turned off (if it's turned off the icon disappears from the Home screens).
Hope this is helpful
-CG
Maybe you are looking for
-
it tells me that items may be in use and that i need to close applications, but no apps that are related to the disk contents are open. i can't eject unless i restart holding down the click button. any help?
-
How to force pages to treat C++ as a word
I need to make references to the C++ programming language in a document I'm writing. When the reference occurs at the end of a line, Pages 5.5.1 will break the word apart placing C+ on the first line and + on the next. Is there any way to force Pages
-
No display of iview content after cache properties are set
Hello, In an effort to improve the portal performance we activated the Iview Load Parameters(Cache level, validity, client side caching etc) and after that we are not seeing any content of the iview in the portal. Cache level - Shared Cache validity
-
Howdy, I want Mail on two of my Macs to be in sync. I have a lot of rules set up and once the rules are applied the mail is sorted in local folders so it disappears from the inbox. This of course causes it to no longer be available on the other Mac.
-
What kind of psl-card for firewire?? please help!!
I have an HP Pavilion p6-serie 2400NL with Windows 7 64-bits Now I want to import from my Canon MV730i dv-video-camera but... there is no connection for the firewire-cable. I an told I have to connect a psl-card ??? What kind of card do I have to buy