为iPhone设置样式

Question

我遇到了iPhone的样式问题。

我有这个表格，它根据数据库中的医生列表显示医生列表，它正确生成结果。

但是，生成结果时，您需要从右向左滑动才能看到信息。

我如何只针对Iphone用户，以便信息在iphone的框架内？

以下是我使用的以下表格。忽略＆＃34; ##＆＃34;，我正在使用coldfusion和bootstrap。

＆＃13;

＆＃13;

$(function(){
  $('##myModal').modal('show');
});

＆＃13;

<div class="widthResults">
	<nav class="hidden-xs visible-md visible-lg" ng-show="ShowResults"><uib-pagination boundary-links="true" max-size="maxPageNumbersToShow" ng-model="currentPage" total-items="resultsCount"> </uib-pagination></nav>

	<nav class="visible-xs hidden-md hidden-lg" ng-show="ShowResults"><uib-pager ng-model="currentPage" total-items="resultsCount"> </uib-pager></nav>

	<div class="container">
		<div id="searchResults" ng-repeat="e in providers" ng-show="ShowResults">
			<div class="row">
				<hr />
				<h4>{{e.FullName}}</h4>
			</div>

			<div class="row">
				<div class="col-md-4 no-margin padding"><strong>Specialty: </strong>{{e.Specialty}}<br />
					<span class="padding"><strong>Gender:</strong> {{e.Gender}}</span><br />
					<strong>Language(s):</strong> {{e.Languages}}</div>

				<div class="col-md-4 no-margin"><strong>Clinic: </strong> <i class="glyphicon glyphicon-map-marker"></i> <a href="https://maps.google.com?saddr=Current+Location&amp;daddr={{e.GoogleParams}}" target="_blank"> {{e.Address1}}</a><br />
					<span class="shiftAdd padding"><a href="https://maps.google.com?saddr=Current+Location&amp;daddr={{e.GoogleParams}}" target="_blank">{{e.Address2}}</a> </span><br />
					<strong>Phone:</strong> <i class="glyphicon glyphicon-earphone"></i> {{e.Phone | PhoneNumber}}</div>
			</div>
		</div>
	</div>
	&nbsp;

	<nav class="visible-xs hidden-md hidden-lg" ng-show="ShowResults">
		<hr /><uib-pager ng-model="currentPage" total-items="resultsCount"> </uib-pager></nav>
</div>

＆＃13;

＆＃13;

＆＃13;